.blog{
    padding: 20px;
    /* 四周边距 */
}
.blog .title{
    /* 居中,加粗,大小 */
    text-align: center;
    font-size: 22px;
    font-weight: 900;
}
.blog .date{
    text-align: center;
    color: rgb(0, 128, 0);
    padding: 10px 0;

}
.blog .desc{
    /* 两个汉字的大小,前面空出 */
    text-indent: 2em;
    padding-bottom: 10px;
}
.blog a{
    /* 改为块级元素,此时设置尺寸 */
    display: block;
    width: 100px;
    height: 40px;
    border: 1px black solid;
    /* 位置居中  */
    margin: 10px auto;
    /* 字体颜色,下划线 */
    color: #000;
    text-decoration: none;
    /* 字体居中 */
    line-height: 40px;
    text-align: center;
    /* 加上背景切换的过度效果 */
    transition: all 1s;
}
.blog a:hover{
    color: rgb(255,255,255);
    background: gray;

}